<template>
	<view class="renew__item animate__animated animate__bounceInLeft" @tap="sendTopicDetails">
		<image :src="item.titlepic" mode="widthFix" lazy-load/>
		<view class="renew__item__content">
			<text class="renew__item__content--title">#{{item.title}}#</text>
			<text class="renew__item__content--c">{{item.desc}}</text>
			<text class="renew__item__content--c">动态 {{item.totalnum}} 今日 {{item.todaynum}}</text>
		</view>
	</view>
						
</template>

<script setup>
	const props =defineProps({
		item:{
			type:Object,
			required:true,
		}
	})
	// 跳转话题详情页面
	function sendTopicDetails(){
		uni.navigateTo({
			url:"/pages/topic-detail/topic-detail?item="+JSON.stringify(props.item)
		})
	}
	
</script>

<style scoped lang="scss">
	
		.renew__item{
			display: flex;
			padding: 20upx;
			border-bottom: 1upx solid #ccc;
			>image {
				width: 160upx;
				height: 160upx;
				border-radius: 30upx;
				margin-right: 20upx;
			}
			&__content{
				display: flex;
				flex-direction: column;
				&--title{
					font-size: 40upx;
					font-weight: 600;
				}
				&--c {
					color: #bbb;
					font-size: 22upx;
				}
			}
		}
	
	
</style>
